<?php if(!defined('IN_APP')) exit('Access Denied');?>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
	<meta charset="UTF-8">
	<title>邀请好友</title>
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no">
	<meta name="format-detection" content="telephone=no,email=no,adress=no" />
	<meta name="apple-mobile-web-app-capable" content="yes" />  
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" href="<?php echo THEME_PATH;?>styles/swiper.min.css">
	<link rel="stylesheet" href="<?php echo THEME_PATH;?>styles/reset.css">
	<link rel="stylesheet" href="<?php echo THEME_PATH;?>styles/common.css">
	<link rel="stylesheet" href="<?php echo THEME_PATH;?>styles/style1.css">
	<script src="<?php echo THEME_PATH;?>js/jquery-1.8.3.min.js"></script>
	<script src="<?php echo THEME_PATH;?>js/clipboard.min.js"></script>	
</head>
<body class="bg-invite">
	<!-- S header -->
	<header>
		<a href="/index.php?m=user&c=home&a=index" class="headerL iconfont">&#xe69f;</a>
		<h1>邀请好友</h1>
	</header>
	<!-- E header -->
	<div class="invite-content">
		<img src="<?php echo THEME_PATH;?>images/invite1.png" alt="" width="100%">
		<dl class="invite-code-box">
			<dt>
			<!-- <img src="<?php echo THEME_PATH;?>images/code.jpg" alt="" width="125" height="125"> -->
			<img src="/index.php?m=user&c=public&a=qr&invite_code=<?php echo $user_info['invite_code']?>" alt="" width="140" height="140" class="code">
			</dt>
			<dd>您的邀请码:  <span><?php echo $user_info['invite_code']; ?></span></dd>
		</dl>
		<div class="copy-box flex">
			<div class="link flex-1">
				<span>推广链接:</span>
				<!-- <a href="javascript:;">http://company_tp.com/index.php?m=user&c=public&a=register&username=<?php echo $user_info['username']; ?></a> -->
				http://company_tp.com/index.php?m=user&c=public&a=register&username=<?php echo $user_info['username']; ?>
			</div>
			<span class="copy-btn">复制</span>
		</div>
		<div class="invite-step">
			<h3 class="title">简单三步 立享权益</h3>
			<div class="flex flex-pack-justify step-con">
				<dl class="step">
					<dt><img src="<?php echo THEME_PATH;?>images/step1.png" alt="" width="22.5"></dt>
					<dd>
						分享活动<br />
						给您好友
					</dd>
				</dl>
				<dl class="step">
					<dt><img src="<?php echo THEME_PATH;?>images/step2.png" alt="" width="22.5"></dt>
					<dd>
						好友接受<br />
						您的邀请
					</dd>
				</dl>
				<dl class="step">
					<dt><img src="<?php echo THEME_PATH;?>images/step3.png" alt="" width="22.5"></dt>
					<dd>
						好友注册<br />
						成为会员
					</dd>
				</dl>
			</div>
		</div>
	</div>
</body>
<script>

	// var clipboard = new ClipboardJS('.copy-btn');

	// clipboard.on('success', function(e) {
	// 	console.log(e);
	// });

	// clipboard.on('error', function(e) {
	// 	console.log(e);
	// });

	// $('.copy-btn').click(function(){

	// })
</script>
</html>